/**
  * TODO: 针对此项目，个人全局样式
  */

* {
  box-sizing: border-box;
}

// 红色字体
.red-color {
  color: @red-color;
}

// 绿色字体
.green-color {
  color: @green-color;
}

// flex布局下子元素占位
.f-flex {
  flex: 1;
}


// 进度条样式封装
// ::-webkit-scrollbar {
//   /* 滚动条整体样式 */
//   /* 高宽分别对应横竖滚动条的尺寸 */
//   width: 10px;
//   height: 1px;
// }
// ::-webkit-scrollbar-thumb {
//   /* 滚动条里面小方块 */
//   background: #707070;
// }
// ::-webkit-scrollbar-track {
//   /* 滚动条里面轨道 */
//   box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
// }

// 「对话框」
.f-dialog {
  position: relative;
  // 标题儿~
  .f-title {
    display: flex;
    font-size: @t5;
  }
  // 主体部分
  .f-body {
    margin-top: 10px;
    text-align: center;
    font-size: @t4;
    // 提示字体样式 
    .f-tip {
      font-weight: 600;
    }
    // 给新增课程、课件它们写的样式
    .body-item {
      display: flex;
      padding: 0 30px 0 40px;
      // 左侧文字
      .body-item-left {
        margin-top: 10px;
        font-size: 15px;
        color: #000;
      }
      // 右侧输入框
      .body-item-right {
        flex: 1;
      }
      .body-item-tip {
        margin-top: 5px;
        text-align: left;
        font-size: @t6;
        color: @red-color;
        transition: all 0.3s linear;
      }
    }
  }
}